<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>Awesome-pyecharts</title>
    <script type="text/javascript" src="https://assets.pyecharts.org/assets/echarts.min.js"></script>
    <script type="text/javascript" src="https://assets.pyecharts.org/assets/maps/china.js"></script>

</head>

<body>
    <div id="4e944a7b893245828d81dd2017da92da" class="chart-container" style="width:1200px; height:800px;margin:auto;top:30px"></div>
    <script>
        var chart_4e944a7b893245828d81dd2017da92da = echarts.init(
            document.getElementById('4e944a7b893245828d81dd2017da92da'), 'white', {
                renderer: 'canvas'
            });
        var option_4e944a7b893245828d81dd2017da92da = {
            "animation": true,
            "animationThreshold": 2000,
            "animationDuration": 1000,
            "animationEasing": "cubicOut",
            "animationDelay": 0,
            "animationDurationUpdate": 300,
            "animationEasingUpdate": "cubicOut",
            "animationDelayUpdate": 0,
            "color": [
                "#c23531",
                "#2f4554",
                "#61a0a8",
                "#d48265",
                "#749f83",
                "#ca8622",
                "#bda29a",
                "#6e7074",
                "#546570",
                "#c4ccd3",
                "#f05b72",
                "#ef5b9c",
                "#f47920",
                "#905a3d",
                "#fab27b",
                "#2a5caa",
                "#444693",
                "#726930",
                "#b2d235",
                "#6d8346",
                "#ac6767",
                "#1d953f",
                "#6950a1",
                "#918597"
            ],
            "series": [{
                "type": "map",
                "name": "\u4e2a\u4eba\u8db3\u8ff9\u5730\u56fe",
                "label": {
                    "show": true,
                    "position": "top",
                    "margin": 8
                },
                "mapType": "china",
                "data": [{
                    "name": "\u9ed1\u9f99\u6c5f",
                    "value": 1
                }, {
                    "name": "\u5409\u6797",
                    "value": 1
                }, {
                    "name": "\u8fbd\u5b81",
                    "value": 1
                }, {
                    "name": "\u5317\u4eac",
                    "value": 1
                }, {
                    "name": "\u5929\u6d25",
                    "value": 1
                }, {
                    "name": "\u6cb3\u5317",
                    "value": 1
                }, {
                    "name": "\u6cb3\u5357",
                    "value": 1
                }, {
                    "name": "\u5c71\u4e1c",
                    "value": 1
                }, {
                    "name": "\u5c71\u897f",
                    "value": 1
                }, {
                    "name": "\u6c5f\u82cf",
                    "value": 1
                }, {
                    "name": "\u5b89\u5fbd",
                    "value": 1
                }, {
                    "name": "\u4e0a\u6d77",
                    "value": 1
                }, {
                    "name": "\u6d59\u6c5f",
                    "value": 1
                }, {
                    "name": "\u6c5f\u897f",
                    "value": 1
                }, {
                    "name": "\u798f\u5efa",
                    "value": 1
                }, {
                    "name": "\u53f0\u6e7e",
                    "value": 1
                }, {
                    "name": "\u5e7f\u4e1c",
                    "value": 1
                }, {
                    "name": "\u6fb3\u95e8",
                    "value": 1
                }, {
                    "name": "\u9999\u6e2f",
                    "value": 1
                }, {
                    "name": "\u6d77\u5357",
                    "value": 1
                }, {
                    "name": "\u5e7f\u897f",
                    "value": 1
                }, {
                    "name": "\u4e91\u5357",
                    "value": 1
                }, {
                    "name": "\u8d35\u5dde",
                    "value": 1
                }, {
                    "name": "\u6e56\u5357",
                    "value": 1
                }, {
                    "name": "\u6e56\u5317",
                    "value": 1
                }, {
                    "name": "\u91cd\u5e86",
                    "value": 1
                }, {
                    "name": "\u56db\u5ddd",
                    "value": 1
                }, {
                    "name": "\u9655\u897f",
                    "value": 1
                }, {
                    "name": "\u5b81\u590f",
                    "value": 1
                }, {
                    "name": "\u7518\u8083",
                    "value": 1
                }, {
                    "name": "\u5185\u8499\u53e4",
                    "value": 1
                }, {
                    "name": "\u9752\u6d77",
                    "value": 1
                }, {
                    "name": "\u897f\u85cf",
                    "value": 1
                }, {
                    "name": "\u65b0\u7586",
                    "value": 1
                }],
                "roam": true,
                "zoom": 1,
                "showLegendSymbol": true,
                "emphasis": {}
            }],
            "legend": [{
                "data": [
                    "\u4e2a\u4eba\u8db3\u8ff9\u5730\u56fe"
                ],
                "selected": {
                    "\u4e2a\u4eba\u8db3\u8ff9\u5730\u56fe": true
                },
                "show": true,
                "padding": 5,
                "itemGap": 10,
                "itemWidth": 25,
                "itemHeight": 14
            }],
            "tooltip": {
                "show": true,
                "trigger": "item",
                "triggerOn": "mousemove|click",
                "axisPointer": {
                    "type": "line"
                },
                "textStyle": {
                    "fontSize": 14
                },
                "borderWidth": 0
            },
            "title": [{
                "text": "\u4e2a\u4eba\u8db3\u8ff9\u5730\u56fe",
                "padding": 5,
                "itemGap": 10
            }],
            "visualMap": {
                "show": true,
                "type": "piecewise",
                "min": 0,
                "max": 1,
                "inRange": {
                    "color": [
                        "#50a3ba",
                        "#eac763",
                        "#d94e5d"
                    ]
                },
                "calculable": true,
                "inverse": false,
                "splitNumber": 5,
                "orient": "vertical",
                "showLabel": true,
                "itemWidth": 20,
                "itemHeight": 14,
                "borderWidth": 0,
                "pieces": [{
                    "max": 1,
                    "min": 1,
                    "label": "\u53bb\u8fc7",
                    "color": "#4EA397"
                }, {
                    "max": 0,
                    "min": 0,
                    "label": "\u672a\u53bb\u8fc7",
                    "color": "#FFFFFF"
                }]
            }
        };
        chart_4e944a7b893245828d81dd2017da92da.setOption(option_4e944a7b893245828d81dd2017da92da);
        chart_4e944a7b893245828d81dd2017da92da.on('click', function(param) {
            var selected = param.name;
            if (selected) {
                switch (selected) {
                    case '安徽':
                        location.href = "provinces/安徽.html";
                        break;
                    case '澳门':
                        location.href = "provinces/澳门.html";
                        break;
                    case '北京':
                        location.href = "provinces/北京.html";
                        break;
                    case '重庆':
                        location.href = "provinces/重庆.html";
                        break;
                    case '甘肃':
                        location.href = "provinces/甘肃.html";
                        break;
                    case '广东':
                        location.href = "provinces/广东.html";
                        break;
                    case '广西':
                        location.href = "provinces/广西.html";
                        break;
                    case '贵州':
                        location.href = "provinces/贵州.html";
                        break;
                    case '海南':
                        location.href = "provinces/海南.html";
                        break;
                    case '河北':
                        location.href = "provinces/河北.html";
                        break;
                    case '河南':
                        location.href = "provinces/河南.html";
                        break;
                    case '黑龙江':
                        location.href = "provinces/黑龙江.html";
                        break;
                    case '湖北':
                        location.href = "provinces/湖北.html";
                        break;
                    case '湖南':
                        location.href = "provinces/湖南.html";
                        break;
                    case '吉林':
                        location.href = "provinces/吉林.html";
                        break;
                    case '江苏':
                        location.href = "provinces/江苏.html";
                        break;
                    case '江西':
                        location.href = "provinces/江西.html";
                        break;
                    case '辽宁':
                        location.href = "provinces/辽宁.html";
                        break;
                    case '内蒙古':
                        location.href = "provinces/内蒙古.html";
                        break;
                    case '宁夏':
                        location.href = "provinces/宁夏.html";
                        break;
                    case '青海':
                        location.href = "provinces/青海.html";
                        break;
                    case '山东':
                        location.href = "provinces/山东.html";
                        break;
                    case '山西':
                        location.href = "provinces/山西.html";
                        break;
                    case '陕西':
                        location.href = "provinces/陕西.html";
                        break;
                    case '上海':
                        location.href = "provinces/上海.html";
                        break;
                    case '四川':
                        location.href = "provinces/四川.html";
                        break;
                    case '台湾':
                        location.href = "provinces/台湾.html";
                        break;
                    case '天津':
                        location.href = "provinces/天津.html";
                        break;
                    case '西藏':
                        location.href = "provinces/西藏.html";
                        break;
                    case '香港':
                        location.href = "provinces/香港.html";
                        break;
                    case '新疆':
                        location.href = "provinces/新疆.html";
                        break;
                    case '云南':
                        location.href = "provinces/云南.html";
                        break;
                    case '浙江':
                        location.href = "provinces/浙江.html";
                        break;
                    case '福建':
                        location.href = "provinces/福建.html";
                        break;
                    default:
                        break;
                }

            }
        });
    </script>
</body>

</html>